﻿/*作者：炜，时间：2014/11/28*/
body{ font-family:'Microsoft Yahei' !important; font-size:14px  ; color:#7F7F7F  ; margin:0; padding:0; }
ul{ margin:0; padding:0;}
li{ list-style-type:none; margin:0; padding:0; width:100px; height:50px; float:left;}
a{ text-decoration:none; color:#000100 !important; display:block;}
h3{ text-align:center; color:#010100;  font-size:24px;}
h4{ color:#3E3E3E !important; text-align:center;}
h{ display:block;}
img { border:none; width:100%;}
a:hover{ cursor:pointer !important; }

/*基本*/
.main{ width:70%; margin:0 auto; position:relative;}
.head_copy{ width:100%; background-color:#E9EFFD; height:70px; opacity:0.6;filter:alpha(opacity=60);  position:absolute; top:0px; left:0px}
.head{ width:100%; height:50px; padding-top:20px; position:absolute; top:0; left:0; z-index:2;  }
.add{ width:100%; }
.products,.news,.services{ width:100%; clear:both; }
.services{ background-color:#FFF; overflow:hidden; padding:30px 0 0 30px;}
.footer_copy{ padding-top:50px; width:100%; height:220px; position:relative; clear:both;  }
.footer{ width:100%; height:220px; background-color:#2D3132; position:absolute; top:50px; left:0;opacity:0.9; color:#FFF; clear:both;opacity:0.9;filter:alpha(opacity=90);}


/*head*/
.logo{ width:174px; height:66px; float:left; margin:-20px 0 0 50px; }

.nav_li{ width:60%; margin:0 auto; float:left; }
.nav_li ul{ width:610px; margin:0 auto;}
.nav_li a{ font-size:16px !important; width:100px; height:40px; float:left; text-align:center; color:#232428; font-family:"黑体";}
.nav_li a:hover{ text-decoration:none !important;}

.add img{ height:378px;}


/*手机选单*/
.phone_nav{ display:none; color:#FFF}
.phoe_nav_cont{ display:none;}
.phone_nav{ width:100px; height:50px;position:absolute; top:0; right:0; background-color:#FF8041; font-size:18px;
             text-align:center; padding-top:20px; z-index:3}


.nav_li_copy{ height:300px; background-color:#C67A5B; margin-top:25px; opacity:0.8;}
.phone_nav .nav_li{position:absolute; top:70px; left:0; z-index:4; opa}
.phone_nav .nav_li li{clear:both;  }
.phone_nav .nav_li a{ color:#FFF !important;}






/*serch*/
.search_copy{width:80%;  position:absolute; top:250px; left:10%; background-color:#DFE4F7; height:120px; opacity:0.5;filter:alpha(opacity=50);}
.search{ width:80%;  position:absolute; top:250px; left:10%; }
.search_li{ width:650px; margin:0 auto;position:relative; }
.search_top_forn{ width:200px; height:20px; margin:0 auto; text-align:center;font-size:18px;  color:#000000 ; padding:10px 0 20px 0; }
.search_li div {position:relative; width:160px; height:40px; float:left; background-color:#FFFFFF; }
.search_select{ width:135px !important;  overflow:hidden;border-right:1px solid #CDCBCC;}
.search_li div select{ width:153px; overflow:hidden !important;  outline: medium none; 
                        cursor:pointer; border:none; margin-top:10px; font-size:14px !important;  color:#1C1C1C !important;background:url(../images/icon.png) no-repeat 80px -10px; }
.search_li div select option{ border:none !important;outline: medium none; width:160px !important;   }
/*.sear_b{ width:30px !important; height:20px !important; background:url(../images/%E9%A1%BA%E5%8F%91icon.png) no-repeat -30px -10px;
 position:absolute; top:-30px; right:-133px;cursor:pointer}*/
.search_li_2{ border:none }
.search_li div select:hover{ border:none !important;}
 
.picture_img img{ position:relative;}
/*products*/ 
.products_li,.news products_top{ width:90%; margin:0 auto;}
.products_top{ width:100%; height:120px; border-bottom:#DBDBDB 1px solid !important; padding:10px 0 0 0;}
.products_row{ width:10px; height:20px; border-left:2px solid #CDCBCC; margin:10px auto; }
.products_top_enter{ width:140px; height:30px; margin:0 auto; background-color:#FFF;!important; padding:10px 0 0 30px;}  

.products_top_forn{ width:80px; height:30px; float:left; margin-left:10px; font-size:18px; color:#000 }


.products_left p{ color:#848484; }
.products_left{ width:20%;  float:left; margin:10px 0 0 4%; background-color:#FFF; }
.products_left a:hover,.news_sell_forn a:hover{ cursor:pointer; text-decoration:none;}
.products_left img{ width:100%; cursor:pointer;}
.products_left_forn,.news_properties_forn{ width:100%; height:150px;   text-align:center}
.products_top_right{ float:right; margin-top:-20px; }
.products_left_forn h4{ text-align:justify;font-size:14px; padding-left:10px;}
.products_left_forn p{ text-align:justify;font-size:12px; padding-left:10px;}


/*news*/
.news_sell{ width:100%; background-color:#FFF; overflow:hidden; padding:20px 10px 10px; float:left;text-align:center}
.news_sell_img{ width:70%; height:370px; float:left;}

.news_sell_img img{ width:100%;}
.news_sell_forn{ width:30%; height:290px;float:right; padding-top:30px;  }
.news_sell_forn p{  color:#727272;; font-weight:500; margin:30px auto;}
.news_sell_forn h3{ color:#046937; font-weight:500; font-size:18px;}
.news_properties .products_top{ width:90%; margin:0 auto; clear:both;}
.news_properties_left_img,.products_left_img{  cursor:pointer; position:relative;}
.news_properties_left{ width:25%;  float:left;  margin:10px 0 0 5%;}

.news_properties_forn p{ text-align:left; color:#666666; font-size:12px;padding-top:10px;}



/*services*/
.services_left{ width:60%; float:left; }
.services_left_table{ width:100%;  }

.services_left_top{ width:100%;  height:40px; background-color:#006A4C; border:#CECECE 1px solid; font-size:14px; border-bottom:none;
 font-weight:600; color:#FFF;;margin-top:10px; }
.services_left_top h{ margin:10px 0 0 10px;}
.services_left_contant{width:100%; height:215px;  border:#CECECE 1px solid; border-top:none;   }
.services_left_img{ float:left; width:40%; position:relative}
.services_left_img img{ width:100% !important; height:200px}
.services_left_forn{ float:right; width:57%; position:relative; color:#414141; font-size:16px; font-weight:500; padding-top:28px;}
.services_left_forn p{ margin-top:20px; color:#666666; font-size:12px;}

.services_right{ float:left; width:220px; margin-left:100px;}

/*.services_right_logo{ text-align:center; clear:both}
.services_right_logo h3{ color:#56AAE6}
.services_right_logo_forn a{ width:100px; height:30px; text-align:center; padding-top:10px; background-color:#59B3E8; margin:0 auto; color:#FFF !important;}
.services_right_details{ width:217px; height:217px; background-color:#D8043F; color:#FFF; position:relative; top:20px;}
.services_right_details p{ position:absolute; top:50px; left:20px; width:180px; }

.services_right_news{ clear:both; margin-top:30px;}
.services_right_news h5{ width:100%; height:25px; text-align:left; border-bottom:#E7E7E7 2px solid !important; color:#373B47 !important;}
.services_right_news li{ width:200px; list-style-type:inherit; height:20px;color:#666666; font-size:12px}
.services_right_logo_forn a:hover{ background:#1F5D83}*/



/*footer*/
.footer_copy img{ height:220px; width:100%}
.footer_contant{ width:90%; margin:0 auto; padding-top:40px;}
.footer_forn_line{ width:38%; float:left; border:#FFF 1px solid;}
.footer_forn_contant{ width:18%; height:30px; float:left; margin:-10px -4% 0 6%; font-size:18px;}
.footer_bottom{ width:100%; clear:both }

.footer_ico_forn{ width:100px; float:left; height:30px; text-align:center; padding-top:20px; }
.footer_bottom_contant{ width:30%; height:70px; float:left; margin:30px 0 0 3%;  }
.footer_logo{ text-align:center; padding:20px 0; clear:both; }


/*ico*/
.nav_ico{ background:url(../images/icon.png) no-repeat #FF8041 -30px 0px; width:30px; height:30px; float:right; margin:-6px 4px 0 0;}

.products_ico{ width:30px; height:30px; background:url(../images/icon.png) no-repeat -60px 0px; float:left;}
.footer_ico{ width:70px; height:70px; background:url(../images/icon.png) no-repeat -10px -70px; float:left; cursor:pointer; position:relative}
.footer_ico2{ width:70px; height:70px; background:url(../images/icon.png) no-repeat -100px -70px; float:left;cursor:pointer; position:relative}
.footer_ico3{ width:70px; height:70px; background:url(../images/icon.png) no-repeat -190px -70px; float:left;cursor:pointer; position:relative}
.call_ico{ width:50px; height:50px; background:url(../images/icon.png) #F00 no-repeat -83px 1px;border-radius:50%; float:left;}

.footer_ico{ position:relative}


.phone_ico{background:url(../images/icon.png) no-repeat -6px -140px; width:30px; height:30px; float:left; }
.mail_ico{background:url(../images/icon.png) no-repeat 0px -180px; width:30px; height:30px; float:left;}
.adre_ico{background:url(../images/icon.png) no-repeat -1px -210px; width:30px; height:30px; float:left;}
.inter_ico{background:url(../images/icon.png) no-repeat 0px -250px; width:30px; height:30px; float:left;}
/*page products*/
.page_products{ width:100%; clear:both; overflow:hidden; padding:40px 0 30px 0; border-bottom:#D2D2D2 1px solid;  } 
.page_products_left{ width:38%; float:left; margin-left:2%; }
.page_products_left img{ width:100%}

.page_products_right{ float:right; width:56%; }
.page_products_right_top{ width:100%; border-bottom:#D2D2D2 1px solid; margin-left:2%; padding-bottom:20px;}
.page_products_right_top h4{ font-size:24px; color:#000; width:68%;}
.page_products_right_title{ color:#000; font-size:21px;}
.btn_li{ width:100%;}
.page_products_right_forn{ margin:3% 0 0 2%; color:#161616; font-size:14px}
.price{ color:#A90605; font-size:24px; float:left;}
.page_products_right_top a{ display:inline;}
.price_right{ margin:10px 0 0 10px; width:100px; height:30px; float:left;}
.price_bottom{ margin-top:10px; clear:both;}
.page{  float:right; margin:50px 0 20px 0;}
.page a{ padding:5px;  border:#B2B2B2 1px solid; display:inline;}
.page a:hover{ background-color:#C4D4F6;}

/*page produ_li*/
.page_prou_main{ width:70%; margin:0 auto; background-color:#FFF; position:relative;clear:both; }
.page_prou_main .head{ position:inherit}
.page_produ_sear{ width:400px; margin:0 auto;}
.page_produ{ width:100%; padding-top:30px; }
.produ_li{ width:95%; margin:0 auto;}
.produ_li .page_products_left{ height:350px;}

.produ_li .page_products_left .page_products_left_img img{ height:320px;}
.page_produ .price_bottom{ float:left;}
.page_products_left_forn{ height:30px; background-color:#4F4E4C;}
.page_products_left_forn div{ width:20%; float:left; border-right:#454442 1px solid; text-align:center; padding-top:6px; height:24px; }
.page_products_left_forn div a{ color:#FFF !important;}
.fron_right{ border-right:none !important;}
.right_forn{ margin-top:20px; color:#8A8A8A; font-size:14px; line-height:25px;}
.right_call{ margin-top:20px; overflow:hidden;}
.call_num{ float:left; margin: 10px 0 0 5%; color:#272727; font-size:20px;}
.page_prou_main a:hover{ color:#FF8041 !important;}
.page_prou_main .nav_li a:hover,.page_prou_main .news_sell_img_copy a:hover{ color:#000100 !important;}
.page_produ_information{ width:100%; padding:10px 0; border-bottom:#CECECE 1px solid; margin:0 auto; overflow:hidden;}
.page_produ_information p{ width:90px; height:10px; float:left; font-size:18px;}
.page_produ_information a:hover{ border-bottom:#DF6137 1px solid; padding-bottom:13px}

#picture{ margin-top:80px;}
.picture_img img{ position:relative;}
#property_top,#picture_top{ border-bottom:#CECECE 1px solid; height:30px; margin-top:50px;}
#property_top a,#picture_top a{ font-size:16px;}
#property p{ font-size:12px;}
#picture_1{ width:80%; margin:0 auto} 
#picture_1 div{ width:30%; height:130px; float:left; margin:2% 0 0 2%;}

#map{ width:60%; background:url(../images/map.png) no-repeat; height:80px; position:relative; margin:90px auto 0; background-size:100%}
.map_copy{ position:absolute; top:0; left:0; width:100%; height:80px; background-color:#000; opacity:0.6;filter:alpha(opacity=60);}
.map_forn{ position:absolute; top:35%; left:40%;}
.map_forn a{ color:#FFF !important; font-size:18px;}
.clear{ clear:both;}





/* page  rental*/
.rent{ position:relative; top:150px; font-size:18px;}
.rent_btn{ width:500px; height:50px;border-radius: 5px; border:#FF8041 1px solid; margin:0 auto;}

.rent_btn a{ width:100px; height:35px;border-radius: 5px;  text-align:center; padding-top:15px; float:left;}
.rent_a{ background-color:#FF8041; margin-left:30%;color:#FFF !important;}
.sell_a{ color:#FF8041 !important;}


.rent_li{ position:absolute; top:100px;}
.rent_fron{ display:block; width:100px; float:left; margin-top:5px}
.rent_li div{ margin-bottom:40px;}
.upload a{ width:100px; float:left; height:29px; margin-left:30px; background-color:#FF8041;border-radius: 5px; font-size:14px; color:#FFF !important; text-align:center;padding-top:8px; }
.confirmation a{ width:300px; height:34px; background-color:#FF8041;border-radius: 50px; margin:0 auto;color:#FFF !important; text-align:center;padding-top:8px; }
.house_li{ width:406px; float:left}
.rent_price select{ margin-right:20px}
.house_search{ width:400px; float:left}
.lease{ margin-top:30px;}
.lease .rent_fron,.rent_price .rent_fron,.renovation .rent_fron,.facilities .rent_fron,.require .rent_fron,.description .rent_fron,.upload .rent_fron{ margin-top:15px}
.information{ margin-top:50px;}
.name{ width:230px;}
.information div{ float:left;}
.information_call{ width:334px;}
.information_address{ clear:both;}
.lease_1{ float:left;}
.lease_li{ float:left; width:350px; margin-left:30px}

/* page  sell*/
.sell .rent_a{color:#FF8041 !important;background:none;}
.sell .sell_a{ background-color:#FF8041;color:#FFF !important;}

/*page contact*/
.contact{ width:100%; background:url(../images/contact.jpg) no-repeat; padding:100px 0 40px 0;color:#FFF;background-size:100% 100%; overflow:hidden;}
.contact_top{ width:200px; font-size:36px; color:#FFF; margin:0 auto; text-align:center; }
.contact_left,.contact_right{ width:40%; height:250px; float:left; position:relative; margin:2% 0 0 8%;}
.contact_left_copy{ width:100%; height:250px; position:absolute; top:0; left:0; background-color:#000; z-index:1;opacity:0.6;
                    filter:alpha(opacity=60);border-radius: 5px}
.contact_left_li,.contact_right_li{ width:100%; height:250px;position:absolute; top:0; left:0; z-index:2}

.contact_top_fron{ width:100px; margin:30px 0 0 0px; font-size:18px; clear:both !important; margin-bottom:30px;}
.contact_left_top{ margin-left:60px !important;}
.contact p{ width:90%; margin:10px auto 0; }
.contact_right_fron{ width:200px; height:30px;  float:left; padding-top:10px}
.contact_right_fron a{ color:#FFF !important}
.contact_right_li{ padding-left:60px;}
/*表单*/

#search_btn{ position:absolute; top:100px; left:30%;}

.serch_a{ width:250px !important; float:left !important; height:32px !important; color:#595959; padding-left:10px }
#btn_btn{ background:url(../images/icon.png) no-repeat #FF8041 81px 0px; color:#FFF !important; float:left !important;
width:120px !important; height:34px; border:none !important; padding-right:40px; margin:20px 0 0 -10px !important; font-size:16px;}
.btn{ width:100px ; height:30px  ; background:#FF8041 ; color:#FFF ; font-family:'Microsoft Yahei'}
.btn:hover{ background:#FF6634;}
#btn_btn:hover{background:url(../images/icon.png) no-repeat #FF6634 81px 0px;}

.services_left_forn .btn{ width:100px  !important; height:30px  !important; background:#FC035F!important; color:#FFF !important; position:absolute; right:10px; }

.services_right_details .btn{ width:100px  !important; height:30px  !important; background:#D8043F !important; color:#FFF !important; border:#FCAFD1 1px solid; position:absolute; bottom:50px; right:60px }
.services_left .btn:hover{ background:#810331 !important;}
.services_right_details .btn:hover{ background:#52031A !important;}
.products_left_forn .btn{ margin:0 auto;  }

/*page 表单*/
input{ border-radius: 5px; border:none; color:#FFF; width:20%; height:30px; margin-top:20px; }
.btn:hover{ cursor:pointer; }
.price_btn{ background-color:#FAD9C6; color:#E55503; border-bottom-right-radius:30px ;  border-top-right-radius:30px; width:150px; height:40px; 
           font-weight:600;}
.btn-1{ background-color:#FEB2BA}
.btn-2{ background-color:#FF828A}
.btn-3{ background-color:#87AAE2}
.btn-4{ background-color:#66A3FE}

.btn-1:hover{ background-color:#E09DA5}
.btn-2:hover{ background-color:#AD585D}
.btn-3:hover{ background-color:#526789}
.btn-4:hover{ background-color:#2C4B79}


.page_produ_sear .btn{ height:36px !important;}
.page_prou_main .serch_a{ border:#CCC 1px solid;  }
.page_prou_main .price_btn{ height:30px; margin:-1% 0 0 2%; float:left}



/*page rent*/

label{ font-size:16px;}
.rent_li input{ border:#C9C9C9 1px solid;border-radius: 0px; height:30px !important; margin-top:0}
.rent_li select{ height:30px; color:#FF8041 !important;}
.radio,.checkbox{ width:13px; position:relative; top:10px;}
.rent input{  color:#7F7F7F  !important;}
.place input,.address input{ width:350px; margin-right:50px;}
.place select,.house_search select{ width:100px; padding-left:20px; margin-right:20px !important}
.place select,.house select{ margin:0px 10px}
.house_li label{ color:#FF8041}
.lease label{ margin-right:10px;}
.renovation_li label{ margin-right:20px}
.facilities input{ margin:0px 20px; }
textarea{ width:360px; height:60px}
.information input{ border:none; border-bottom:#FF8041 1px solid; margin-right:30px !important; height:20px !important}
.name input{ width:100px;}
.information_call input{ width:200px;}
.information_address input{ width:400px;}
/*鼠标经过*/
/*.products_left_img,.news_properties_left_img,.services_left_img{ width:100%; overflow:hidden;}*/

/*.products_left_img img,.news_properties_left_img img,.services_left_img img,.page_products_left img,.page_products_left_img img{ width:100%; position:relative;}*/
.nav{ border-bottom:#75A125 3px solid; color:#75A125;}
.page_products .page_products_left,.page_products_left_img{ position:relative}
.products_left_img .news_sell_img_copy a{ margin-top:25%; width:100%;}
.page_produ .page_products_left .news_sell_img_copy a{ margin-top:40%;}

.news_sell_img_copy{ width:100%; height:100%;position:absolute; top:0; left:0; opacity:0.8; 
                     border-radius:50%; z-index:2; text-align:center;background-color:#FF8041; display:none }
.news_sell_img_copy a{ margin:30% auto 0; width:100%; height:100%; line-height:25px;}
/*.news_sell_img_copy{ width:0px; height:100%;position:absolute; top:0; left:0; opacity:0.8; 
                     border-radius:50%; z-index:2; text-align:center;-webkit-transition:width 2s; }
.news_sell_img_copy a{ margin:30% auto 0; width:0%; height:100%; line-height:25px; -webkit-transition:width 2s; display:none;}*/